<script lang='ts' setup>
import { reactive } from 'vue'
import { Download, RefreshRight } from '@element-plus/icons'

const props = defineProps({
    // 头部插槽 默认为一整块 为“title”时候是左右布局
    headerType: {
        type: String
    },
    toolbarTitle: String,
    /**是否显示下载图标 */
    showDownloadIcon: {
        type: Boolean,
        default: false
    }
})

const emit = defineEmits<{
    (e: 'refresh-table'): void//行选择事件
    (e: 'download-table'): void//行点击事件
}>()
const ToolBarState = reactive({
    /**
     * 刷新按钮点击事件
     */
    onRefreshButtonClick: () => {
        emit("refresh-table")
    },
    /**
     * 下载按钮点击事件
     */
    onDownloadButtonClick: () => {
        emit("download-table")
    }
})
</script>
<template>
    <div class="jxtech-table-header-bar">
        <slot name="header"></slot>
    </div>
</template>
<style lang="scss" scoped>
</style>